草庐IT

Vue + element-ui el-tree 虚拟滚动

全部标签

javascript - 使用 Reactjs 获取滚动位置

我使用reactjs并希望通过click事件处理滚动。首先,我使用componentDidMount渲染了帖子列表。其次,通过列表中每个帖子的点击事件,它会显示帖子详细信息并滚动到顶部(因为我将帖子详细信息放在页面的顶部位置)。第三,通过点击帖子详细信息中的“关闭按钮”,它会返回之前的帖子列表,但我希望网站将滚动到恰好点击帖子的位置。我是这样使用的:点击事件查看帖子详情:inSingle=(post,e)=>{this.setState({post:post,theposition://Howtogetithere?});window.scrollTo(0,0);}我想获得thepos

javascript - 基于滚动条位置的 Div 不透明度

找到当滚动条到达某个位置时如何淡出div的例子here.但这不是平稳的throttle式淡入淡出。这是来自该jsfiddle的代码:vardivs=$('.social,.title');$(window).scroll(function(){if($(window).scrollTop()我希望不透明度百分比反射(reflect)滚动条的位置。例如,当滚动条位于最顶部时,div不透明度为100%。当我向下滚动35px时,我希望div的不透明度逐渐降低到0%当divA距顶部35px时,divB=100%不透明度可能是一种技术。当divA距顶部0px时,divB=0%不透明度。并让它在中

javascript - 在 vue.js 中设置输入元素的焦点

我正在尝试在Vue.js中设置输入元素的焦点。我在网上找到了一些帮助,但没有任何解释对我有用。这是我的代码:exportdefault{data(){return{contacts:[],name:null,company:null}},ready:{//Itriedthefollowing:this.$$.nameInput.focus();this.$els.nameInput.focus();//Noneofthemworked!}methods:{search:function(event){//...//Ialsowouldliketogivethefocushere,onc

当用户滚动到页面底部附近时,Javascript/JQuery 执行功能

这个问题在这里已经有了答案:Checkifauserhasscrolledtothebottom(notjustthewindow,butanyelement)[duplicate](31个答案)关闭7年前。在一个著名的新闻网站上(对不起,记不清是哪个网站了)我看到了一个非常酷的效果......当你滚动到页面底部附近时,一个新元素会从浏览器视口(viewport)的顶部向下滑动有很多社交媒体选项(推文、在Facebook上分享等)。我想模拟一些类似的东西......事实上,如果我知道当用户接近页面底部时如何触发一个功能,我真的可以想到做很多事情......因此,我的问题非常基本:当用户

javascript - 如何使用 jquery 或 javascript 滚动到特定的 div

我想使用jquery滚动到特定的div我写的代码是这样的:$("#button").on('click',function(){varp=$("#dynamictabstrp");varoffset=p.offset();window.scrollBy(offset.left,offset.top);});但它并没有移动到div位置。我怎样才能在jquery或javascript中做到这一点 最佳答案 试试这个$("#button").on('click',function(){$('html,body').animate({'sc

javascript - 如何让我的导航栏在滚动经过 anchor 时更改 CSS 类?

我正在使用Bootstrap3并希望实现thiseffect当用户滚动经过我页面上的大标题图像时。我需要导航栏的背景从透明变为白色。我查看了他们的代码,我知道它是用javascript完成的,甚至还看到了WHERE我认为它正在发生(在该JS中查找ID“#main-header”)...除了不了解高级Javascript之外,我正在寻找一种方法,以便在滚动到某个点时将其应用于我的导航栏。我的代码的类称为“导航栏”,我希望它在通过“#main”时变成白色。如果您需要更多信息,请告诉我,如果有人愿意提供帮助,请提前致谢! 最佳答案 完成您

javascript - 滚动到水平 div 中的元素

我有一个水平div:我需要通过JavaScript按钮滚动到此div中的特定元素(在单击div后必须滚动到该元素)。我该怎么做?........ 最佳答案 或者您可以使用以下代码段:$('.scrollable').animate({scrollLeft:$('#dstElement').position().left},500);在哪里position()如果定位了scrollable,则返回#dstElement到`.scrollable'的相对位置。代码与演示var$scroller=$('.scroller');//assi

javascript - 在 iPad iOS 11.4 上的 Mobile Safari 中滚动期间触摸事件仅触发 "once"

在MobileSafari中滚动时,会触发第一个touchstart、touchmove和touchend事件,但是,如果您仍在滚动不会触发额外的触摸事件。对于我的应用程序,这是有问题的,因为用户可以用他们的手指停止滚动,而我无法判断是否有手指按下。当手指向下时,您无法设置window的scrollTop,或者您可以设置它,它会发生变化,但窗口不会滚动。当用户再次移动他们的手指时,它不是从我设置scrollTop的位置开始滚动,而是从他们的手指是否被放下开始滚动。请不要评论我为什么要更改窗口的scrollTop;让我们接受它作为一项优先要求。关于如何检测是否有手指按下的任何想法?

javascript - Windows Azure 中的 Neo4j 虚拟机

我已经使用VMDepot在windowsazure上创建了一个Neo4j虚拟机。我的虚拟机大小是“A1(1个核心,1.75GB内存)”。但是在从网络浏览器访问时,我总是收到如下所示的错误“与Neo4j断开连接”,性能非常差。如何提高性能?我以前通过azure网站访问它。 最佳答案 我认为问题出在内存上,Neo4j至少需要2GB内存。这些是neo4j的要求。http://neo4j.com/docs/stable/deployment-requirements.html我目前在VMWare上使用neo4j。我的VM设置是Memory-

javascript - 无法在 'getComputedStyle' : parameter 1 is not of type 'Window' error 上执行 'Element'

我在使用一些继承代码时遇到了问题-它是类似于FB的墙上应用程序,注册用户可以在其中发布主题。很多代码是JS和jQuery,我对两者都知之甚少。发布主题时,主题被添加到数据库中,但屏幕在刷新之前不显示主题,但它应该立即显示-当我查看开发人员工具时,我收到错误:UncaughtTypeError:Failedtoexecute'getComputedStyle'on'Window':parameter1isnotoftype'Element'.当我展开错误时,我得到:curCSS@jquery-1.8.3.js:6825jQuery.extend.css@jquery-1.8.3.js:6